<!--
	已处理订单
-->

<form class="form-inline form-search">
    <!--  <div class="vice-page1">-->
    <div class="page1-date">
        <span>日期范围：</span>
        <input type="date" name="" value=""/>
        <input type="date" name="" value=""/>
        <!--   <input type="text" name="" value="" placeholder="订单来源"/>-->
        <button class="btn btn-success">
            <img src="../Static/img/搜索.png"/>
            搜素来源
        </button>
    </div>
    <!--    </div>-->
</form>
<div class="col-sm-12 col-md-12">
    <div class="page2-button">
        <button class="btn btn-danger" id="dels">
            <img src="../Static/img/垃圾箱(1).png"/>
            批量删除
        </button>
        <button class="btn btn-primary" id="addBtn" data-toggle="modal" data-target="#addModal">
            <img src="../Static/img/加号.png"/>
            添加
        </button>
        <button class="btn btn-primary" id="res">刷新</button>
    </div>
    <!--       <div class="page2-text">
               共有数据：<span>2</span>条
           </div> -->
</div>
<div class="vice-page3">
    <span>显示</span>
    <select class="pageSize" name="pageSize">
        <option>5</option>
        <option>2</option>
        <option>4</option>
        <option>6</option>
        <option>8</option>
        <option>10</option>
    </select>
    <span>条</span>
</div>
<table class="table" ng-src="/order/searchOrderStatePagehandled.do">
    <thead>
    <tr ng-tilte="bingTable">
        <th ng-feild="checkbox">
            <input id="checkAll" type="checkbox" checked="false">
        </th>
        <th ng-feild="oId">订单编号</th>
        <!--   <th ng-feild="oProduct.proName">订单产品</th>-->
        <th ng-feild="oDeadline">交货时间</th>
        <th ng-feild="oState">订单状态</th>
        <th ng-feild="oSourse">订单来源</th>
        <th ng-feild="detail">查看详情</th>
        <th ng-feild="operation1">操作1</th>

        <th ng-feild="operation2">操作2</th>
    </tr>
    </thead>

    <tbody>

    </tbody>

</table>
<div class="page" data-src="../Model/page.htm"></div>

<!-- Model -->
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">创建订单</h4>
            </div>
            <div class="modal-body">
                <form class="addOrderForm">
                    <table class="table">
                        <tr>
                            <td>订单来源:</td>
                            <td>
                                <select name="oSourse" class="form-control">
                                    <option value="1">线上</option>
                                    <option value="2">线下</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>截止日期:</td>
                            <td><input class="input-text" type="date" name="oDeadline" value=""/></td>
                        </tr>
                        <tr id="product">
                            <td>订单产品:</td>
                            <td>
                                <select id="selectProduct" name="oProduct.proName" class="form-control">

                                </select>
                            </td>
                            <td class="page1-td2">产品数量:</td>
                            <td><input type="text" name="oQuantity" value=""/></td>
                            <td>
                                <button class="btn btn-danger" id="delProduct" type="button"><img src="../Static/img/垃圾桶(红).png"/></button>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary" id="addProduct" type="button"><img src="../Static/img/加号(2).png"/>添加产品</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" id="addOrder">创建订单</button>
            </div>
        </div>
    </div>
</div>


<!--查看详情-->
<div class="modal fade" id="detailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="detailModalLabel">订单详情</h4>
            </div>
            <div class="modal-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th>订单编号</th>
                        <th>订单来源</th>
                        <th>产品</th>
                        <th>数量</th>
                        <th>交货时间</th>
                        <th>下单时间</th>
                        <th>订单状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td name="oNumber"></td>
                        <td name="oSourse"></td>
                        <td name="proName"></td>
                        <td name="oQuantity"></td>
                        <td name="oDeadline"></td>
                        <td name="oPlacetime"></td>
                        <td name="oState"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script src="../../static/js/order.js"></script>
<script>
    $(function () {
        $(".page").load($(".page").attr("data-src"))
    })
</script>